<!DOCTYPE html>
<html lang="en">
    <head>
        <title>My site!</title>
        <style>
            body{
                background-color: aqua;
                font-size: 24px;
                margin: 5px;
                padding: 5px;
            }
            li{
                color: darkorchid;
                font-size: 30px;
                padding: 10px;
                margin: 10px;
            }
        </style>
    </head>
    <body>
        This is my github pages website!
        <ol>
        <li><a href="image.html">image.html</a></li>
        <li><a href="attribute.html">attribute.html</a></li>
        <li><a href="descendant.html">descendant.html</a></li>
        <li><a href="flexbox.html">flexbox.html</a></li>
        <li><a href="font.html">font.html</a></li>
        <li><a href="form.html">form.html</a></li>
        <li><a href="grid.html">grid.html</a></li>
        <li><a href="Headings.html">Headings.html</a></li>
        <li><a href="hover.html">hover.html</a></li>
        <li><a href="lists.html">lists.html</a></li>
        <li><a href="responsive.html">responsive.html</a></li>
        <li><a href="size.html">size.html</a></li>
        <li><a href="style.html">style.html</a></li>
        <li><a href="variables.html">variables.html</a></li>
        </ol>
        
    </body>
</html>